<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
basePath += "customer/";
%>
<head>
	<base href="<%=basePath%>">
	<link href="css/style.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="js1/jquery-1.8.0.js"> </script>
	<script type="text/javascript" src="js1/customerindex.js"> </script>
		<script type="text/javascript">
/*function MM_CheckFlashVersion(reqVerStr,msg){
  with(navigator){
    var isIE  = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
    var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
    if (!isIE || !isWin){  
      var flashVer = -1;
      if (plugins && plugins.length > 0){
        var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
        desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
        if (desc == "") flashVer = -1;
        else{
          var descArr = desc.split(" ");
          var tempArrMajor = descArr[2].split(".");
          var verMajor = tempArrMajor[0];
          var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
          var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
          flashVer =  parseFloat(verMajor + "." + verMinor);
        }
      }
      // WebTV has Flash Player 4 or lower -- too low for video
      else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;

      var verArr = reqVerStr.split(",");
      var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
  
      if (flashVer < reqVer){
        if (confirm(msg))
          window.location = "http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
      }
    }
  } 
}
*/
</script>
	
</head>

<jsp:include page="customerTop.jsp" />


<body class="cibody">

<!--3个绝对定位的div  -->
<div  class = "search" id="search">
	<img src="images1/search.png"/>
</div>
<div class="popdiv" id="popdiv">
	<div  class="popdiv_a">
		<input type="text" name="search" id="search" size="25" class="input_a"/>
		<input type="button" id="seButton" class="seButton">
	</div>
	<div class="popdiv_b">
		显示查询提示消息
	</div>
	<hr width="90%" color="#e0e0e0">
	<div class="popdiv_type" style="">
		我笑了
	</div>
</div>
<div class="cardiv" id="cardiv">
	<img src="images1/goodcar.png"/>
</div>
<div class="popCar" id="popCar">
	这是我的 购物车
</div>

<script type="text/javaScript">
	//控制弹出div的收放
	$("#search").click(function(event){
		$("#popdiv").toggle(500);
	});
	$("#cardiv").click(function(event){	
		$("#popCar").toggle(500);
	});
	
	
</script>

<!-- 中间div-->
<center>
	<div  class="center_a">	
		<!--  上层div 小导航栏-->
		<div  class="center_b" >
			<center>
				<span class="first_span"><a  href="" id="cgSearch" onclick="showPop();return false;">显示查找面板(关闭点击左上角)</a></span>
				<span>|</span>
				<span class="first_span"><a href="" onclick="showCar();return false;" >显示购物车(关闭点击右上角)</a></span>
			</center>
		</div>
	
		<!-- 商品信息div -->
		<div class="center_c" >
				<table class="table_a"  border="0" cellpadding="4" >
					<tr height="400px" style="background-color:white">
						<td colspan="4"><!-- 插入 -->
							
							<img src="images1/testimgmain.jpg"/>
<!-- 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="1000" height="400" id="FLVPlayer">
  <param name="movie" value="FLVPlayer_Progressive.swf" />
  <param name="salign" value="lt" />
  <param name="quality" value="high" />
  <param name="scale" value="noscale" />
  <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=test&autoPlay=false&autoRewind=false" />
  <embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=test&autoPlay=false&autoRewind=false" quality="high" scale="noscale" width="1000" height="400" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
 -->




						</td>
					<tr>
					<tr height="20">
						<td colspan="4"></td>
					</tr>
  					<tr>
  						 <td class="td_out">
    					 	<table class="table_in"  width="100%" cellspacing="0" cellpadding="0" border="0px">
 								 <tr height="35px">
    								<td colspan="2">经典款式</td>
  								</tr>
  								<tr height="150px">
    								 <td width="50%" ><a href="goodDescribe.jsp" target="_self"><img class="img_good" style="width: 120px;height: 150px;"  src="images1/clothtest.jpg" /></a></td>
   									 <td width="50%" >
   									 	ie有问题，很奇葩
   									 </td>
  								</tr>
 								 <tr height="45px">
   									 <td colspan="2" align="left"><img onclick="chgSize(this)" class="img_addcar" id="img_addcar"  src="images1/describe.jpg"/></td>
  								</tr>
							</table>
  						 </td>
    					  <td class="td_out">
    					 	<table class="table_in"  width="100%" cellspacing="0" cellpadding="0" border="0px">
 								 <tr height="35px">
    								<td colspan="2">经典款式</td>
  								</tr>
  								<tr height="150px">
    								 <td width="50%" ><a href="goodDescribe.jsp" target="_self"><img style="width: 120px;height: 150px;" class="img_good"  src="images1/clothtest.jpg"/></a></td>
   									 <td width="50%" >
   									 	ie有问题，很奇葩
   									 </td>
  								</tr>
 								 <tr height="45px">
   									 <td colspan="2" align="left"><img onclick="chgSize(this)" class="img_addcar" id="img_addcar"  src="images1/describe.jpg"/></td>
  								</tr>
							</table>
  						 </td>
  					   <td class="td_out">
    					 	<table class="table_in"  width="100%" cellspacing="0" cellpadding="0" border="0px">
 								 <tr height="35px">
    								<td colspan="2">经典款式</td>
  								</tr>
  								<tr height="150px">
    								 <td width="50%" ><a href="goodDescribe.jsp" target="_self"><img class="img_good"  style="width: 120px;height: 150px;" src="images1/clothtest.jpg"/></a></td>
   									 <td width="50%" >
   									 	ie有问题，很奇葩
   									 </td>
  								</tr>
 								 <tr height="45px">
   									 <td colspan="2" align="left"><img onclick="chgSize(this)" class="img_addcar" id="img_addcar"  src="images1/describe.jpg"/></td>
  								</tr>
							</table>
  						 </td>
  						 <td class="td_out">
    					 	<table class="table_in"  width="100%" cellspacing="0" cellpadding="0" border="0px">
 								 <tr height="35px">
    								<td colspan="2">经典款式</td>
  								</tr>
  								<tr height="150px">
    								 <td width="50%" ><a href="goodDescribe.jsp" target="_self"><img class="img_good" style="width: 120px;height: 150px;" src="images1/clothtest.jpg"/></a></td>
   									 <td width="50%" >
   									 	ie有问题，很奇葩
   									 </td>
  								</tr>
 								 <tr height="45px">
   									 <td colspan="2" align="left"><img onclick="chgSize(this)" class="img_addcar" id="img_addcar"  src="images1/describe.jpg"/></td>
  								</tr>
							</table>
  						 </td>
 					 </tr>
  					<tr>
  						 <td class="td_out">&nbsp;</td>
   						 <td class="td_out">&nbsp;</td>
  						 <td class="td_out">&nbsp;</td>
   						 <td class="td_out">&nbsp;</td>
  					</tr>
  				   <tr>
    				    <td class="td_out">&nbsp;</td>
   				        <td class="td_out">&nbsp;</td>
                        <td class="td_out">&nbsp;</td>
                        <td class="td_out">&nbsp;</td>
                   </tr>
             </table>
		 </div>
  
   <script type="text/javaScript">
   //控制查看详情按钮的样式
   		$("#img_addcar").mouseover(function(event){
   			$(this).css("border","1px solid green");
   		});
   		$("#img_addcar").mouseout(function(event){
   			$(this).css("border","0px");
   		});
   		$("#img_addcar").click(function(event){
   			location.href="customer/goodDescribe.jsp";
   		});
   		
   		
   </script>
	<!-- 用于分页的div -->
		 <div class="fenyeDiv" align="right">
	 		转到：
	 		<input type="text" size="2" name="pageWrite">页
	 		<a href="#">首页</a>
	 		<a href="#">上一页</a>
	 		<a href="#">下一页</a>
	 		<a href="#">尾页</a>
	 		第<span style="color:red">11</span>页
	 		共<span style="color:red">12</span>页
	 		共<span style="color:red">333</span>条记录
		</div>	
	</div>
	
	
</center>

<!--底部的页面-->
<jsp:include page="bottom.jsp" />



</body>






















